import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);

// 创建store 实例对象
const store = new Vuex.Store({
  state: {
    routes: [], // 存放全局数据的
  },
  mutations: {
    // 存放同步方法,修改state中的值
    setRoutes(state, routes) {
      state.routes = routes;
    },
  },
  actions: {
    // 存放异步方法,其实还是调用的同步mutations中的方法修改的state中的值
    setRoutesAsync(context, routes) {
      context.commit("setRoutes", routes);
    },
  },
  getters: {
    // 相当于组件中的计算属性computed
    getRoutes(state) {
      return state.routes;
    },
  },
});

// console.log(1, store);
export default store;
